<template>
  <div>
    <a-drawer :title="title" width="30%" :closable="true" @close="onClose" :visible="isShowComment">
      <comment-list v-if="isShowComment" :contentId="contentId" :commentType="commentType"></comment-list>
    </a-drawer>
  </div>
</template>
<script>
  import commentList from './comment_list'

  export default {
    name: 'commentDrawer',
    props: {
      contentId: {
        type: String,
        default: ''
      },
      title: {
        type: String,
        default: ''
      },
      commentType: {
        type: Number,
        default: 0
      }
    },
    data() {
      return {
        isShowComment: false,
        roleName: ''
      }
    },
    methods: {
      handleShow() {
        this.isShowComment = true
      },
      onClose() {
        this.isShowComment = false
      }
    },
    computed: {
      modalTitle: function() {
        return this.title
      },
    },
    created() {
    },
    components: { commentList }
  }
</script>

<style scoped lang="less" rel="stylesheet/less">

</style>


